<!--# 3.-->
<!--# 前端上传图像页功能约束-->
<!--# 1)    页面标题与布局-->
<!--# 页面标题被设置为“Upload Apparel Image”（上传服装图片）。-->
<!--# 页面包含两个主要的 < div > 元素，一个用于显示标题“Prediction”（预测），另一个包含上传表单。-->
<!--# 2)    文件上传功能-->
<!--# 提供了一个HTML表单，用于上传文件。表单的action属性设置为“ / predict”，-->
<!--# 意味着当用户提交表单时，数据将被发送到服务器的“ / predict”路径进行处理。-->
<!--# 表单的method属性设置为“post”，表明使用HTTP POST方法提交数据。-->
<!--# enctype属性设置为“multipart / form - data”，这是处理文件上传时所需的编码类型。-->
<!--# 3)    用户交互-->
<!--# 用户可以通过 < input type = "file" > 选择一个文件。-->
<!--# 这个输入框的name属性设置为“file”，这意味着在服务器端，可以通过这个名称来访问上传的文件。-->
<!--# 用户点击 < input type = "submit" > 按钮后，表单将被提交，触发文件上传和后续的预测处理。-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Upload Apparel Image</title>
</head>
<body>
    <div>
        <h1>Prediction</h1>
        <img src="../static/images" alt="">
    </div>
    <div>
        <form action="/predict" method="post" enctype="multipart/form-data">
            <input type="file" name="file" id="">
            <input type="submit" value="< input type = submit>">
        </form>
    </div>
</body>
</html>